<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>云盘系统</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="/css/m.css" rel="stylesheet">
        
        <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
        <style>
        html, body{
            margin: 0;width: 100%;
        }
        .fa{font-size: 20px;cursor: pointer;display: table-cell;}
        #t{padding: 5px;}
        </style>
        <script>
            function loginout(){
                document.cookie = "user=;Path=/";
                location.reload();
            }
        </script>
    </head>
    <body>
        <ul>
            <li><a href="/">主页</a></li>
            <li><a href="upload">上传文件</a></li>
            <li class="dropdown">
                <a class="dropbtn" href="#">{{name}}</a>
                <div class="dropdown-content">
                    <a href="/cloud/cp">修改密码</a>
                    <a href="#" onclick="loginout()">登出</a>
                </div>
            </li>
        </ul>
        <br>
        <div id="t">
            <table id="upload">
                <tr>
                    <th name="name">文件名</th>
                    <th>大小</th>
                    <th>类型</th>
                    <th>操作</th>
                </tr>
                {% for key in result %}
                <tr>
                    <td>{{result[key][0]}}</td>
                    <td class="size">{{result[key][2]}}</td>
                    <td>{{result[key][1]}}</td>
                    <td><div class="do">
                        <span class="fa fa-download" onclick="dl('{{key}}')"></span>
                        <span class="fa fa-trash" onclick="console.log('trash-{{key}}')"></span></div>
                    </td>
                </tr>
                {% endfor %}
            </table>
        </div>
    </body>
</html>